This is Header 1

"P" tags and "br" tag

This is in a paragraph tag. The "p" tag adds magins automatically, but you can modify these margins using the CSS magin property.

The CSS magin property is used to create space around an element


To simply move text to a new line you can use the "br" tag like...
this! As you can see it moves it rigth below with no margin.

Mutiple "br" tags will create a space in between lines like this!


CSS margin property

This is shorthand for the the following properties:
-margin-top
-margin-bottom
-margin-left
-margin-right

You can use all of these at once.

Here is an example of one with 100 px top margin.
Here is and example with a 50 px top margin AND and 25 px left margin.


For the later example the CSS I wrote was:

div.e {
margin-top:50px;
}

div.f {
margin-left: 25px;
}

And the HTML i wrote for it was:

<div class="f"> <div class="e"> </div> </div>



INDENTING

Spaces between the opening "p" tag and its contents are ignored by the browser. In order to set an indent, use the CSS text indent, which I will demonstrate in the next paragraph. The direciton of the text indent is specified by the direction property.

This paragraph has a 50 px indent.

To indent that paragraph, I inclosed it in a "div" tag. In the CSS I wrote:

div {
text-indent: 50px;
}

To have each paragraph contain a differnt indentation, you must give each paragraph a diffcernt "div" tag and each "div" tag a different letter.

For example the CSS would be:

div.a {
text.indent: 50px;
}

And the the matching HTML would be:

<div class="a"> </div>


Here is a paragraph with a 25px indent rather then the 50 the first example had.



You can also move the indent left by working in negative values, as shown in this example!.